<% @ungrouped_profile_fields.each do |field| %>
  <div class="flex flex-wrap -mx-4 my-3">
    <details class="crayons-card mb-4 w-100">
      <summary class="crayons-subtitle-2 p-5"><%= field.label %></summary>
      <div id="<%= field.attribute_name %>_container" class="p-5 pt-0">
        <div class="flex flex-col p-6 mb-6 gap-1">
          <%= form_for [:admin, field] do |form| %>
            <%= render "profile_field_form", form: form, group: nil %>
            <%= form.submit class: "c-btn c-btn--primary" %>
          <% end %>
          <%= button_to "Delete Profile Field", admin_profile_field_path(field), data: { confirm: "Are you sure?" }, method: :delete, class: "crayons-btn crayons-btn--danger" %>
        </div>
      </div>
    </details>
  </div>
<% end %>
